<template>
  <div class="spec-footer">
    <div class="container xui-fc xui-grid-avg-3">
      <dl class="xui-padding-horizontal">
        <dt v-if="isEn">Host Unit</dt>
        <dt v-else>主办单位</dt>

        <dd v-if="isEn">{{detail.hostUnitEn}}</dd>
        <dd v-else>{{detail.hostUnit}}</dd>
      </dl>
      <dl class="xui-padding-horizontal">
        <dt v-if="isEn">Organizer</dt>
        <dt v-else>承办单位</dt>

        <dd v-if="isEn">{{detail.organizerEn}}</dd>
        <dd v-else>{{detail.organizer}}</dd>
      </dl>
      <dl class="xui-padding-horizontal">
        <dt v-if="isEn">Co-organizer</dt>
        <dt v-else>协办单位</dt>

        <dd v-if="isEn">{{detail.coOrganizerEn}}</dd>
        <dd v-else>{{detail.coOrganizer}}</dd>
      </dl>
    </div>
  </div>
</template>

<script>
import { getLang } from "@/utils/lang";
export default {
  computed: {
    detail() {
      console.log(this.$store.getters.specExhibDetail);
      return this.$store.getters.specExhibDetail;
    },
    isEn() {
      return getLang() == "en";
    }
  }
};
</script>

